<div class="bg-custom col-md-9 col-md-offset-1" align="center">
      <form class="form-horizontal" action="/search/doAdvance" method="post" style="width: 500px;" >
        <h1><span class="text-custom">Advance post search</span></h1>
        <br>
        <div class="form-group">
    		<label class="col-sm-3 control-label">Title</label>
    		<div class="col-sm-9">
    		<input type="text" class="form-control" name="txtTitle" placeholder="Enter post title" autofocus>
    		</div>
  		</div>
        <div class="form-group" style="margin-bottom: 35px;">
    		<label class="col-sm-3 control-label">Post by</label>
    		<div class="col-sm-9">
    		<input type="text" class="form-control" name="txtUser" placeholder="Enter post user" >
    		</div>
  		</div>
        <div class="form-group">
                <label for="dtp_input1" class="col-md-3 control-label">Date from</label>
                <div class="input-group date form_date col-md-8" data-date="" data-date-format="yyyy/mm/dd" data-link-field="dtp_input1" data-link-format="yyyy/mm/dd">
                    <input name="dtpDateFrom" class="form-control" type="text" value="" readonly>
					<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                </div>
				<input type="hidden" id="dtp_input1" value="" /><br/>
            </div>
        <div class="form-group">
                <label for="dtp_input2" class="col-md-3 control-label">Date to</label>
                <div class="input-group date form_date col-md-8" data-date="" data-date-format="yyyy/mm/dd" data-link-field="dtp_input2" data-link-format="yyyy/mm/dd">
                    <input name="dtpDateTo" class="form-control" type="text" value="" readonly>
					<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                </div>
				<input type="hidden" id="dtp_input2" value="" /><br/>
            </div>
  		<div style="width: 100px;">
        	<button class="btn btn-custom btn-block" type="submit" style="margin-bottom:20px;">Search</button>
  		</div>
      </form>
</div>
<script type="text/javascript" src="/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript">
    $('.form_datetime').datetimepicker({
        //language:  'fr',
        weekStart: 1,
        todayBtn:  1,
		autoclose: 1,
		todayHighlight: 1,
		startView: 2,
		forceParse: 0,
        showMeridian: 1
    });
	$('.form_date').datetimepicker({
//          language:  'en',
        weekStart: 1,
        todayBtn:  1,
		autoclose: 1,
		todayHighlight: 1,
		startView: 2,
		minView: 2,
		forceParse: 0,
 		format: 'yyyy/mm/dd'
    });
	$('.form_time').datetimepicker({
        language:  'fr',
        weekStart: 1,
        todayBtn:  1,
		autoclose: 1,
		todayHighlight: 1,
		startView: 1,
		minView: 0,
		maxView: 1,
		forceParse: 0
    });
</script>